var operatorName = null;
// todo 获取用户姓名 from session

layui.use('table', function () {

    var table = layui.table;
    table.render({
        elem: '#records',
        url: '/recordDO/getRecordsByType?type=1',
        title: '巡查情况',
        page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
            layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
            //,curr: 5 //设定初始在第 5 页
            ,
            limit: 10 //一页显示多少条
            ,
            limits: [5, 10, 15] //每页条数的选择项
            ,
            groups: 2 //只显示 2 个连续页码
            ,
            first: "首页" //不显示首页
            ,
            last: "尾页" //不显示尾页

        },
        cellMinWidth: 100,
        totalRow: true,
        toolbar: true,
        parseData: function (res) { //res 即为原始返回的数据

            return {
                "code": res.status, //解析接口状态
                "msg": res.message, //解析提示文本
                "count": res.total, //解析数据长度
                "data": res.data //解析数据列表
            }
        },
        defaultToolbar: ['filter', 'print', 'exports'],
        cols: [
            [{
                field: 'status',
                title: '处理结果',
                sort: true,
                templet: function (d) {
                    if (d.status == 0) {
                        return "未处理"
                    } else if (d.status == 1) {
                        return "处理中"
                    } else if (d.status == 2) {
                        return "已处理"
                    } else if (d.status == 3) {
                        return "误报/谎报"
                    } else {
                        return "未列出"
                    }
                }
            }, {
                field: 'userPhone',
                title: '上报用户联系方式',
                width: 150
            }, {
                field: 'userName',
                title: '上报用户姓名',
                width: 120
            }, {
                field: 'city',
                title: '城市'
            }, {
                field: 'district',
                title: '县区'
            }, {
                field: 'street',
                title: '地址'
            }, {
                field: 'streetNumber',
                title: '门牌号'
            }, {
                field: 'addressDetail',
                title: '地址详情',
                width: 200
            }, {
                field: 'feedback',
                title: '反馈信息'
            }, {
                field: 'inspectionStatus',
                title: '巡查状态',
                templet: function (d) {
                    if (d.inspectionStatus == 0) {
                        return "正常"
                    } else if (d.inspectionStatus == 1) {
                        return "不正常"
                    } else {
                        return "未列出"
                    }
                }
            }, {
                field: 'inspectionDetail',
                title: '巡查反馈信息'
            }, {
                field: 'remark',
                title: '备注'
            }, {
                field: 'operatorName',
                title: '处理人名字'
            }, {
                field: 'createTime',
                title: '创建时间'
            }, {
                field: 'modifyTime',
                title: '更新时间'
            }, {
                fixed: 'right',
                width: 200,
                align: 'center',
                toolbar: '#barDemo'
            }
            ]
        ]
    });

    //监听行单击事件
    table.on('rowDouble(record)', function (obj) {

        var arr = obj.data.positionData.split(',');
        var lat = arr[0].substring(5, arr[0].length);
        var lng = arr[1].substring(4, arr[1].length - 1);
        var bd_latlng = wgs84_to_bd(lng,lat);

        layer.open({
            type: 2,
            title: "定位",
            area: ['60%', '80%'],
            content: "/dingwei?lat=" + bd_latlng[1] + "&lng=" + bd_latlng[0]
        });


    });

    //监听行工具事件
    table.on('tool(record)', function (obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
        var data = obj.data //获得当前行数据
            ,
            layEvent = obj.event; //获得 lay-event 对应的值
        var layer = layui.layer;

        if (layEvent === "dw") {
            var arr = data.positionData.split(',');

            var lat = arr[0].substring(5, arr[0].length);
            var lng = arr[1].substring(4, arr[1].length - 1);
            var bd_latlng = wgs84_to_bd(lng,lat);

            layer.open({
                type: 2,
                title: "定位",
                area: ['60%', '80%'],
                content: "/dingwei?lat=" + bd_latlng[1] + "&lng=" + bd_latlng[0]
            });

            /*            console.log(data.positionData);

             var arr = data.positionData.split(',');*/
            /*  {lat:24.33679802166581,lng:109.37341649206381}*/


        } else {
            layer.open({
                type: 1,
                title: "详情",
                area: ['60%', '80%'],
                content: $('#xq') //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
            });

            tianchong(data);
            var form = layui.form;
            form.render();

            /* 获取文件 */
            $.ajax({
                url: "/recordDO/getFilesByRecordId?id=" + data.id,
                type: 'GET',
                dataType: "json",
                success: function (data) {

                    $("#pic").html("");
                    if (data.length > 0) {
                        for (j = 0; j < data.length; j++) {
                            $("#pic").append("<li><img src='/upload/downloadFile/" + data[j].id +
                                "'    data-original='/upload/downloadFile/" + data[j].id + "'   alt='" +
                                data[j].fileName + "'   height='200px' width='200px' /></li>");

                        }
                    }
                    var viewer = new Viewer(document.getElementById('pic'), {
                        toolbar: true, //显示工具条
                        viewed() {
                            viewer.zoomTo(1); // 图片显示比例 75%
                        },
                        show: function () { // 动态加载图片后，更新实例
                            viewer.update();
                        },
                    });

                },
                error: function () {

                },

            });

            if (layEvent === 'detail') {
                document.getElementById("tijiao").style.display = "none"; //隐藏
            } else if (layEvent === 'edit') {
                document.getElementById("tijiao").style.display = "block"; //显示
            }
        }


    });

});


function tianchong(data) {
    // $('#operatorName').val(operatorName);
    $('#type').val(data.type);
    $('#status').val(data.status);
    $('#userPhone').val(data.userPhone);
    $('#userName').val(data.userName);
    $('#city').val(data.city);
    $('#district').val(data.district);
    $('#street').val(data.street);
    $('#streetNumber').val(data.streetNumber);
    $('#addressDetail').val(data.addressDetail);
    // $('#hazardType').val(data.hazardType);
    // $('#hazardLevel').val(data.hazardLevel);
    // $('#hazardScale').val(data.hazardScale);
    // $('#hazardStatus').val(data.hazardStatus);
    // $('#hazardDetail').val(data.hazardDetail);
    $('#feedback').val(data.feedback);
    $('#inspectionStatus').val(data.inspectionStatus);
    $('#inspectionDetail').val(data.inspectionDetail);
    $('#remark').val(data.remark);
    $('#id').val(data.id);
    $('#createTime').val(data.createTime);
}

layui.use('form', function () {
    var form = layui.form;

    //监听提交
    form.on('submit(xq)', function (data) {
        //所有附件id集合
        var records = {
            "id": data.field.id,
            "status": data.field.status,
            "feedback": data.field.feedback,
            "remark": data.field.remark,
            "operatorName": sessionStorage.getItem("username"),
            "operatorId": sessionStorage.getItem("userid")
        };
        var recordsdata = JSON.stringify(records);

        $.ajax({
            type: "post",
            dataType: "json",
            url: "/recordDO/editRecord",
            data: {
                "record": recordsdata

            },
            contentType: "application/x-www-form-urlencoded;charset=UTF-8",
            async: false,
            success: function (data) {

                if (data == true) {
                    layer.msg('修改成功!', {
                        icon: 1,
                        time: 800 //2秒关闭（如果不配置，默认是3秒）
                    }, function () {
                        window.parent.location.reload();
                        layer.closeAll();
                    });
                } else {
                    layer.msg("修改失败!");
                }


            },
            error: function (data) {
                layer.msg("修改失败!");

            }
        });


        return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
});

function getAttachmentIds() {
    var ids = new Array();
    $("#uploaded-files tr").each(function () {
        ids.push($(this).attr("data-id"));
    });
    return ids;
}

function wgs84_to_bd(lng,lat) {
    var gcj02_latlng = coordtransform.wgs84togcj02(lng,lat);
    return coordtransform.gcj02tobd09(gcj02_latlng[0], gcj02_latlng[1]);
}
